<template>
  <el-timeline>
    <el-timeline-item placement="top">
      <el-card>
        <h4>成为咨询师</h4>
        <p><el-button type="primary" @click="toApply()">去申请</el-button></p>
      </el-card>
    </el-timeline-item>
    <el-timeline-item placement="top">
      <el-card>
        <h4>相关网站</h4>
        <p><el-link href="https://gaokao.chsi.com.cn/" target="_blank">阳光高考官网</el-link></p>
        <p><el-link href="https://www.chsi.com.cn/" target="_blank">学信网</el-link></p>
      </el-card>
    </el-timeline-item>
    <el-timeline-item placement="top">
      <el-card>
        <h4>咨询室</h4>
        <router-link to="/volun/advisory">咨询师</router-link>
      </el-card>
    </el-timeline-item>
    <el-timeline-item placement="top">
      <el-card>
        <h4>考生必读</h4>
        <p><el-link href="https://gaokao.chsi.com.cn/gkxx/ksbd/202108/20210803/2093487127.html" target="_blank">录取通知书里的扬帆希冀</el-link></p>
        <p><el-link href="https://gaokao.chsi.com.cn/gkxx/ksbd/202108/20210816/2098980220.html" target="_blank">大一新生，准备好报到了吗</el-link></p>
      </el-card>
    </el-timeline-item>
  </el-timeline>
</template>

<script>
import router from "@/router";
import {onBeforeMount, reactive, toRefs} from "vue";

export default {
  name: "index",
  setup() {

    const data = reactive({
      user: {
      }
    })
    const toApply = () => {
      router.push('/home/becomeCounselor')
    }

    return {
      toApply
    }
  }
}
</script>

<style scoped>

</style>
